<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="static/css/main1.css" />
	<link rel="stylesheet" type="text/css" href="static/css/select.css" />
	<link rel="stylesheet" type="text/css" href="static/css/animate.css" />
	<script src="static/3rd/jquery-3.2.1.min.js"></script>
	<script src="static/3rd/ScrollText.js"></script>
	<!--<script src="static/js/jquery.select.js"></script>-->
	<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
	<style type="text/css">
		.imp_left>div, .imp_right>div{height: auto;}
	</style>
</head>

<body style="background: #000026;">
	<img src="static/img/bg.jpg" alt="" />
	<!--<div class="start_page pt-page" style="visibility: hidden;">
    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
</div>-->
	<div class="menu_bg">
		<ul class="menuLeft">
			<li>
				<a href="工业互联网资源概况.html">全国态势</a>
			</li>
			<li>
				<a   href="山东省内监测.html">重点地区</a>
			</li>
			<li>
				<a  href="工业互联网平台监测界面.html">重点平台</a>
			</li>
			<li>
				<a  class="active"  href="在线设备安全检测.html">联网设备</a>
			</li>
		</ul>
	</div>
	<div class="container" id="page1st">
		<div class="header">
			<div class="logo GY" style="width: 450px; position: relative;">
				联网设备
				<div class="select_box" style=" margin-top: 0; position: absolute; top: -4px; left:350px;">
						<select class="cityChange">
							<option value="工业控制设备">工业控制设备</option>
							<option value="视频监控设备">视频监控设备</option>
							<option value="智能家居设备" disabled="">智能家居设备</option>
						</select>
					</div>
			</div>
			<a href="工业互联网平台监测界面.html" class="pre_btn"></a>
		</div>
		<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
		<div class="content">
			<div class="top_tip">目前监测设备类型:
				<strong>工业控制设备</strong>和
				<strong>视频监控设备</strong></div>
			<div class="bottom_content_imp">
				<div class="imp_left sb_left">
					<div class="tj_pie boxBg">
						<h2>在线设备省份top10</h2>
						<div id="gyBar1"></div>
					</div>
					<div class="sb_pie pieItem boxBg" style="margin-top: 10px;">
					    <ul class="tabType">
							<li class="active">工业互联网在线设备类型</li>
							<li>在线设备协议top10</li>
						</ul>
						<div id="gyPie1"></div>
						<div id="gyBar2" style="display:none"></div>
					</div>
					<div class="join_pie barItem boxBg" style="margin-top: 10px;">
						<h2>工业互联网在线设备厂商top10</h2>
						<div id="gyBar3"></div>
					</div>
				</div>
				<div class="imp_middle sb_center mapItem boxBg" style="padding: 0;margin-top: 10px;position:relative">
				    <h2>工业互联网设备接入情况</h2>
				 	<div id="webChina"></div>
					<div class="mapList" style="position:absolute; bottom:20px; left:0;">
						<table class="tab_heard">
							<tr>
								<th style='width:140px'>时间</th>
								<th style='width:60px'>城市</th>
								<th>设备类型</th>
								<th>协议</th>
								<th style='width:110px'>IP地址</th>
								<th>端口</th>
							</tr>
						</table>
						<div class="tab_scr" id="ranklistRight3" style="height:80px;">
							<table class="tab_content">
								
								
							</table>
						</div>
					</div>
				</div>
				<div class="imp_right sb_right">
					<div class="lineList comItem boxBg">
						<h2>漏洞实时情况</h2>
						<table class="tab_heard">
							<tr>
								<th>漏洞类型</th>
								<th>等级</th>
								<th>IP地址</th>
							</tr>
						</table>
						<div class="tab_scr" id="ranklistRight2">
							<table class="tab_content">
								<tr>
									<td>权限许可和访问控制</td>
									<td class="highColor">高危</td>
									<td>42.248.141.80</td>
								</tr>
								<tr>
									<td>跨站请求伪造</td>
									<td class="highColor">高危</td>
									<td>42.248.141.80</td>
								</tr>
								<tr>
									<td>信息泄露</td>
									<td class="midColor">中危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>路径遍历</td>
									<td class="midColor">中危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>信息泄露</td>
									<td class="midColor">中危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>路径遍历</td>
									<td class="midColor">中危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>信息泄露</td>
									<td class="lowColor">低危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>权限许可和访问控制</td>
									<td class="lowColor">低危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>信息泄露</td>
									<td class="lowColor">低危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>权限许可和访问控制</td>
									<td class="lowColor">低危</td>
									<td>115.217.8.62</td>
								</tr>
								<tr>
									<td>加密问题</td>
									<td class="lowColor">低危</td>
									<td>115.217.8.62</td>
								</tr>
							</table>
						</div>
					</div>
					<div class="lineBank barItem boxBg" style="margin-top: 10px;">
						<h2 id="ldlx">漏洞类型top10</h2>
						<div id="gyRander"></div>
					</div>
					<div class="lineBar pieItem boxBg" style="margin-top: 10px;">
						<h2>漏洞风险分布</h2>
						<div id="gyPie3"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<a href="工业互联网资源概况.html" class="next_btn"></a>
		</div>
	</div>
	<!-- <div class="foot_right_logo"></div> -->
	<!--<div class="foot_right_logo"></div>-->
	
	    <div class="logoLeftTop"><img src="static/img/foot_text2.png"></div>
	    <div class="logoLeftBot"><img src="static/img/xtyLogo.png">中国信息通信研究院</div>
	    <div class="logoRightTop"><img src="static/img/logo.png">全国互联网信息安全管理系统</div>
	    <div class="logoRightBot"><img src="static/img/gyLogo.png">全国工业互联网监测与安全综合管理平台</div>
	    
	    
	<script src="static/js/calculate.js"></script>
	<script>
		equipLine();
		window.onresize = function () {
			equipLine();
		}
	</script>
	<script type="text/javascript">
		/* var scroll2 = new ScrollText("ranklistRight2", "pre2", "next2", true, 50, true);
		scroll2.LineHeight = 63;
		var scroll3 = new ScrollText("ranklistRight3", "pre2", "next2", true, 50, true);
		scroll3.LineHeight = 63; */
	</script>
	<script src="static/echarts/echarts.min.js"></script>
	<script src="static/echarts/china.js"></script>
	<script src="static/js/equipLine.js"></script>
	<script src="static/js/menuShow.js"></script>
	<script src="static/js/boxBg.js"></script>
</body>

</html>